<!doctype html> 
<html lang="en"> 
<head>

  <link rel="stylesheet" href="chosen.css">

</head>
<body>
  <form>

          <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select-no-single" tabindex="9">
            <option value=""></option>
            <option>American Black Bear</option>
            <option>Asiatic Black Bear</option>
            <option>Brown Bear</option>
            <option>Giant Panda</option>
            <option selected>Sloth Bear</option>
</select>
 </form>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
  <script src="chosen.jquery.js" type="text/javascript"></script>
  <script type="text/javascript"> 
      $('.chzn-select-no-single').chosen({disable_search_threshold:10});
  </script>
  
</body>
</html>
